<!DOCTYPE html>
<html>
<head>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">
<title>顺丰速运</title>
<link rel="shortcut icon" href="<%=request.getContextPath()%>images/s.f.ico" type="images/x-ico" />
<!-- for-mobile-apps -->

<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/iconfont.css" rel="stylesheet">
<link href="css/eject.css" rel="stylesheet">
<!-- /css files -->
<!-- js files -->
<!-- /js files -->
</head>
<body>
<div id="popLayer"></div>
<div id="popBox">
	<div class="message" id="warningmessage"></div>
    <div class="close">
        <a href="javascript:void(0)" style="text-align: center;" onclick="closeBox()">关闭</a>
    </div>
</div>
<!-- navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<h1><a class="navbar-brand" href="${pageContext.request.contextPath }/index/select"><span class="iconfont icon-sf-logo" style="font-size: 45px;color:#555555;text-align:center;line-height:40px;" >	顺丰速运</span></a></h1>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<li class="active"><a href="${pageContext.request.contextPath }/index/select">首页</a></li>
				<li><a target="_blank" href="${pageContext.request.contextPath }/index/management_login">关于我们</a></li>
				<li><a href="">运费时效查询</a></li>
				<li><a href="">收寄范围查询</a></li>
				<li><a href="">问题反馈</a></li>
				<li><a target="_blank" href="${pageContext.request.contextPath }/index/send" onclick="return checkmember()">寄件</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-truck" aria-hidden="true"></i> 运单跟踪<b class="caret"></b></a>
					<div class="dropdown-menu">
						<div class="track-w3ls">
							<h3>输入您的运单编号</h3>
							<form action="${pageContext.request.contextPath }/member/search" onsubmit="return checkbagid()" method="post">
								<input type="text" name="trackcode" id="trackcode" placeholder="运单编号" required />
								<button type="submit" class="btn btn-primary">马上查单</button>
							</form>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lock" aria-hidden="true"></i> 登陆<b class="caret"></b></a>
					<div class="dropdown-menu">
						<div class="login-w3ls">
							<h3>登陆到你的账户</h3>
							<form action="${pageContext.request.contextPath }/index/select" onsubmit="return checklogin()" method="post">
								<input type="text" id="name" placeholder="用户名 或 邮件地址" required />
								<input type="password" id="password" placeholder="密 码" required>
								<p>&ensp;</p>
								<p><span style="font-size:10px;color:grey">未注册用户登录默认注册顺丰会员</span></p>								
								<input type="submit" name="submit" value="登  陆">
							</form>
						</div>
					</div>
				</li>
			</ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>
<!-- navigation -->
<!-- banner section -->
<section class="banner-w3ls">
	<div class='header'>
		<div class="banner-w3layouts">
			<div class="container">
				<h2 class="text-center w3 w3l agileinfo">大件托运	首选顺丰</h2>	
				<p class="text-center w3 w3l agileinfo">主打20公斤以上货物托运. 首次登陆APP立刻享惊喜.</p>
			</div>
		</div>
	</div>
</section>
<!-- /banner section -->
<!-- specialization section -->
<section class="special-w3layouts">
	<div class="container">
		<h3 class="text-center wthree w3-agileits">我们的业务</h3>
		<p class="text-center wthree w3-agileits">.</p>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<img src="images/truck.png" alt="" class="img-responsive">
			<h4 class="text-center">快递服务</h4>
			<p class="special-p1">顺丰依托自有丰富的运力资源，通过多项不同的快递产品和增值服务，来满足客户多样化、个性化的寄件需求。</p>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<img src="images/eye.png" alt="" class="img-responsive">
			<h4 class="text-center">医疗服务</h4>
			<p class="special-p1">致力于为药品生产企业、流通企业、疫苗厂家、各级疾控中心、医院和连锁药店等医药产业链上下游客户，提供质量安全、经营合规、科技领先的物流仓储和供应链服务。</p>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<img src="images/shop.png" alt="" class="img-responsive">
			<h4 class="text-center">综合支付</h4>
			<p class="special-p1">顺丰金融作为第三方支付牌照拥有者，资金流服务包括钱包支付、POS收单、聚合支付、代收付、认证收付、预付费卡（速运费卡），服务范围覆盖中国境内所有地区。</p>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<img src="images/monitor.png" alt="" class="img-responsive">
			<h4 class="text-center">财富管理</h4>
			<p class="special-p1">通过与金融机构合作的模式，以稳健的风控体系、专业的服务团队，结合先进的科技金融技术，为用户精选定期理财、基金等多品类投资品种，满足用户多样化资产配置需求。</p>
		</div>
		<div class="clearfix"></div>
	</div>
</section>
<!-- /specialization section -->
<!-- 2nd banner section -->
<section class="banner-w3ls2">
	<div class="container">
		<h3 class="text-center agileits-w3layouts agile w3-agile">提供最佳解决方案</h3>
	</div>
</section>
<!-- /2nd banner section -->
<!-- 2nd info section -->
<section class="info-w3ls2">
	<div class="container">
		<i class="fa fa-trophy" aria-hidden="true"></i>
		<h3 class="text-center agileits-w3layouts agile w3-agile">始终提供我们最好的服务</h3>
		<p class="text-center">.</p>
	</div>
</section>
<!-- /2nd info section -->
<!-- 3rd banner section -->
<section class="banner-w3ls3">
	<div class="container">
		<h3 class="text-center">让我们的用户满意</h3>
	</div>
</section>
<!-- /3rd banner section -->
<!-- 3rd info section -->
<section class="info-w3ls3">
	<div class="container">
		<i class="fa fa-smile-o" aria-hidden="true"></i>
		<h3 class="text-center">让客户满意</h3>
		<p class="text-center">.</p>
	</div>
</section>
<!-- /3rd info section -->
<!-- footer section -->
<section class="footer-agileits">
	<div class="container">
		<div class="col-lg-3 col-md-3 col-sm-6">
			<h3>快速 通道</h3>
			<ul class="footer-links">
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 快递物流</a></li>
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 医药服务</a></li>
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 综合支付</a></li>
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 金融科技</a></li>
			</ul>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<h3>更多 信息</h3>
			<ul class="info-links">
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 关于顺丰</a></li>
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 服务公告</a></li>
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 人才招聘</a></li>
				<li><a href=""><i class="fa fa-hand-o-right" aria-hidden="true"></i> 隐私策略</a></li>
			</ul>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<h3>联系 我们</h3>
			<div class="contact-info">
				<div class="address">	
					<i class="glyphicon glyphicon-globe"></i>
					<p class="p3">东镇街道樟坡村1号</p>
					<p class="p4">广东, 中国</p>
				</div>
				<div class="phone">
					<i class="glyphicon glyphicon-phone-alt"></i>
					<p class="p3">+0668 5201314</p>
					<p class="p4">+00 1010101010</p>
				</div>
				<div class="email-info">
					<i class="glyphicon glyphicon-envelope"></i>
					<p class="p5"><a href="https://mail.163.com">hhrhee@163.com</a></p> 
					<p class="p6"><a href="https://mail.163.com">1651223016@qq.com</a></p>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6">
			<h3>马上联系我们</h3>
				
			<ul class="social-icons2">
				<li><a href="#"><i class="iconfont icon-qq"></i></a></li>
				<li><a href="#"><i class="iconfont icon-gongzhonghao"></i></a></li>
				<li><a href="#"><i class="iconfont icon-tubiaozhizuo-"></i></a></li>
				<li><a href="#"><i class="iconfont icon-kefu"></i></a></li>
				<li><a href="#"><i class="iconfont icon-shouji"></i></a></li>
			</ul>
		</div>
		<div class="clearfix"></div>
		<hr>
		<p class="copyright">Copyright &copy; 2020	顺丰速运 版权所有	<a target="_blank" href="http://www.sf-express.com/cn/sc/index.html">www.sf-express.com</a></p>
	</div>
</section>
<!-- /footer section -->
<a href="#0" class="cd-top">Top</a>
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/index.js"></script>
<script src="js/top.js"></script> 
<script src="js/bgfader.js"></script>
<script src="js/constraint.js"></script>
<script>
var myBgFader = $('.header').bgfader([
  'images/banner1-1.jpg',
  'images/banner1-2.jpg',
  'images/banner1-3.jpg',
  'images/banner1-4.jpg',
], {
  'timeout': 2000,
  'speed': 3000,
  'opacity': 0.4
})

myBgFader.start()
</script>
<!-- /js files -->
</body>
</html>
		